<template>
	<el-container>
		<prodType />
	</el-container>
</template>

<script>
	import prodType from './prodType' // 产品类别组件
	export default {
		name: 'ProdType',
		components: { prodType }
	}
</script>
<style lang='scss' scoped>
	el-container {
		width: 100%;
	}
	::v-deep *::-webkit-scrollbar {
		/*滚动条整体样式*/
		width: 8px; /*定义纵向滚动条宽度*/
		height: 8px; /*定义横向滚动条高度*/
	}

	::v-deep *::-webkit-scrollbar-thumb {
		/*滚动条内部滑块*/
		border-radius: 8px;
		background-color: white;
		transition: background-color 0.3s;
	}

	::v-deep *::-webkit-scrollbar-thumb:hover {
		/*鼠标悬停滚动条内部滑块*/
		background: white;
	}

	::v-deep *::-webkit-scrollbar-track {
		/*滚动条内部轨道*/
		background: white;
	}
</style>
